/**
 * Consider create by 2023-02-15
 * 单位:unit,根据自身需要进行修改 rpx\px
 * 在app.vue中引入,即可全局使用
 */
$unit: rpx;
$num: 202;

.w100 {
	width: 100%;
}
.wh100 {
	width: 100%;
	height: 100%;
}

.status_bar {
	width: 100%;
	height: var(--status-bar-height);
}

.l1 {
	line-height: 1;
}

.container {
	position: relative;
	width: 100%;
	z-index: 1;
}

.left50 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.top50 {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.lt50 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.fixed {
	position: fixed;
}

/* 文字换行 */
.t-w {
	white-space: pre-wrap; // 保留文本的空格，换行
	word-break: break-all; // 将长的单词或字符串强制断行，以适应容器的宽度（效果：占满一行后才会换行）
}

/* 不换行 */
.t-no {
	word-break: keep-all;
	white-space: nowrap;
}

.t-c {
	text-align: center;
}

.f-j-c {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.f1 {
	flex: 1;
}

.f-c {
	display: flex;
	align-items: center;
}

.flex {
	display: flex;
}

.f-c-c{
	display: flex;
	align-items: center;
	justify-content: center;
}

.f-c-d{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.f-w {
	flex-wrap: wrap;
}

.j-c {
	justify-content: center;
}

.j-s {
	justify-content: space-between;
}

.j-e {
	justify-content: space-evenly;
}

.j-a {
	justify-content: space-around;
}

.a-c {
	align-items: center;
}

.f-d-c {
	display: flex;
	flex-direction: column;
}

.a-end {
	align-items: flex-end;
}

.j-end {
	justify-content: flex-end;
}

.omit {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bov2,.omit2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}


/* 图片不拉伸 */
.img-center {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	flex-shrink: 0;
}

/* 解决小程序和app滚动条的问题 */
/* #ifdef MP-WEIXIN || APP-PLUS */

::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
	color: transparent;
}

/* #endif */

/* 解决H5 的问题 */
/* #ifdef H5 */
uni-scroll-view .uni-scroll-view::-webkit-scrollbar {
	/* 隐藏滚动条，但依旧具备可以滚动的功能 */
	display: none
}

/* #endif */


@for $i from 2 to $num {
	// @if $i % 2 == 0 or $i % 5 == 0 {
		
	// }
	.mt#{$i} {
	  margin-top: $i#{$unit};
	}
	.mr#{$i} {
	  margin-right: $i#{$unit};
	}
	.mb#{$i} {
	  margin-bottom: $i#{$unit};
	}
	.ml#{$i} {
	  margin-left: $i#{$unit};
	}
	.z-#{$i} {
	  z-index: $i;
	}
}